(() => {
	let ele = {}

	ele.Issue = $('#Issue')//第几期
	ele.typeimg = $('#typeimg')//夺宝图标
	ele.typeName = $('#typeName')//夺宝名称
	ele.timeload = $('#timeload')//夺宝的进度条
	ele.residueNum = $('#residueNum')//夺宝剩余人次

	ele.reduce = $('#reduce')//减少
	ele.enternum = $('#enternum')//输入
	ele.add = $('#add')//增加
	ele.changeNum = $('#changeNum')//剩余全部人数概率
	ele.douNum = $('#douNum')//消耗晶石数量

	ele.confirm = $('#confirm')//确定

	let id = getUrlParam('id') || '';

	// 输入框中的数值
	let nums = parseFloat(ele.enternum.value)

	const name = ['', '昆仑镜', '乾坤圈', '大力丸', '神龙鼎', '炼妖壶', '轩辕剑', '佛珠', '生死符']

	render(id)
	function render(id) {
		let shenNum = 4 //参与人数
		ele.Issue.innerText = '199' //第几期
		ele.typeimg.src = '../img/play/' + id + '.png' //夺宝图标
		ele.typeName.innerHTML = name[id]
		let s = 220 / 11  //每一人次对应的宽度（px）
		ele.timeload.style.width = shenNum * s + 'px' //进度条进度
		ele.residueNum.innerHTML = 11 - shenNum //剩余人次
		ele.changeNum.innerHTML = (((11 - shenNum) / 11) * 100).toFixed(2)
		add(11, shenNum)


		const renci = [1, 3, 6, (11 - shenNum)]
		let approve = document.querySelectorAll('.approve')
		for (let i = 0; i < approve.length; i++) {
			approve[i].onclick = () => {
				ele.enternum.value = renci[i]
				nums = renci[i]
				ele.douNum.innerHTML = nums
				for (var j = 0; j < approve.length; j++) {
					approve[j].classList = 'approve'
				}
				approve[i].classList = "approve active"
			}
		}

		// 确定
		ele.confirm.onclick = () => {
			console.log(nums);
		}
	}
	// 动态修改标题
	setTimeout(() => {
		if (!id) {
			openTips('参数丢失');
			return false;
		} else {
			let title = $('h1')[0];
			if (id == 1) title.innerText = name[id];
			else if (id == 2) title.innerText = name[id];
			else if (id == 3) title.innerText = name[id];
			else if (id == 4) title.innerText = name[id];
			else if (id == 5) title.innerText = name[id];
			else if (id == 6) title.innerText = name[id];
			else if (id == 7) title.innerText = name[id];
			else if (id == 8) title.innerText = name[id];
			else {
				openTips('参数异常');
				return false;
			}
		}
	}, 100);



	// 减少
	ele.reduce.onclick = () => {
		nums--
		if (nums < 1) {
			nums = 1
			return
		} else {
			ele.douNum.innerHTML = nums
			ele.enternum.value = nums
		}
	}

	function add(a, b) {
		// 增加
		ele.add.onclick = () => {
			nums++
			if (nums > (a - b)) {
				nums = (a - b)
				return
			} else {
				ele.douNum.innerHTML = nums
				ele.enternum.value = nums
			}
		}


		// 输入框输入
		ele.enternum.oninput = () => {
			if (ele.enternum.value < 1) {
				openTips('数量不能小于1')
				return
			} else if (ele.enternum.value > (a - b)) {
				openTips('投入数量不能大于剩余可投数量')
				return
			} else if (!/^\d{1,}$/.test(ele.enternum.value)) {
				openTips('数量只能为整数')
				return
			} else {
				nums = ele.enternum.value
				ele.douNum.innerHTML = nums
			}
		}
	}


})();